<template>
    <el-dialog title="" :visible.sync="dialogVisible" width="50%">
        <div v-html="content" class="content"></div>
    </el-dialog>
</template>
<script>
export default {
    name: 'DetailDialog',
    components: {

    },
    mixins: [],
    props: ['content'],
    data() {
        return {
            dialogVisible: false
        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {
        this.$bus.$on('showDetailDialog', this.show)
    },
    methods: {
        show(val) {
            this.dialogVisible = val
        }
    }
};
</script>
<style lang='less' scoped>
.content {
    padding: 30px;
    max-height: 500px;
    overflow-y: auto;
}

.content::-webkit-scrollbar {
    /*隐藏或取消滚动条*/
    display: none;
}
</style>